草庐IT

AngularJS 应用

全部标签

javascript - 如何在我的 React 应用程序中嵌入 Facebook 发送按钮?

我有一个客户端呈现的React应用程序。我想在我的页面上显示一个Facebook发送按钮。开发者页面上给出的说明没有告诉我该怎么做https://developers.facebook.com/docs/plugins/send-button#configurator另外,我没有找到facebook为其SDK发布的npm兼容包。那么如何将SDK包含在React应用程序中呢?编辑:我尝试在React中使用一些异步加载器。importReact,{Component}from'react';importscriptLoaderfrom'react-async-script-loader';

javascript - AngularJS 中的 "=*"是什么

我遇到过这种isolatebinding规范的方式:scope:{property:"=*"}这里的星号是什么意思?有人可以举个例子吗? 最佳答案 Theisolatebindingwith=*istoshallowwatchforthechangeinthecollection.让我解释一下:通常我们在脚本中使用的watchCollection变量如下:$scope.arr=['foo','bar','lorem','ipsum'];$scope.arrCount=4;$scope.$watchCollection('arr',f

javascript - 如何在 Windows 上打包 NW.js 应用程序

IamreadingtheinstructionsforhowtopackageaNW.jsapp措辞困惑,毫无意义。我突出显示了相互矛盾的单词沙拉部分。Createazipfile(thisisbuiltintoXP,Vistaand7)Copyallofyourfilesintothezipfile,retainingdirectorystructureandmakingsurethatthepackage.jsonfileisintherootdirectory(ifyoumakeazipfilecontainingafolderwithyourstuffinit,thenit'

javascript - addEventListener 到 AngularJS 中的简单指令示例

试图获得this非常基本的指令示例。根据一些调查,“elem”似乎是HTMLHeadingElement(继承自Element)的对象。不确定为什么elem.addEventListener不起作用。此外,elem.bind似乎有效,但这不是globalbind,对吧?此外,如果有人可以触及文档对象模型(DOM)级别2HTML规范与文档对象模型(DOM)级别1规范,那就太好了。碰巧第一次遇到这个,这是DOM元素的新对象层次结构吗?下面是我的指令的链接函数:-link:function(scope,elem,attrs){//elemwillbeHTMLHeadingElementobj

javascript - 如何在 AngularJS 中获取多个复选框的值?

在我的应用程序中,我有7个复选框。我想获取所选复选框的值并将其存储到一个对象中。如果它被取消选择,我想在对象中删除它。HTML{{days}}Controller$scope.selectDays=['Sun','Mon','Tue','Wed','Thu','Fri','Sat'];$scope.selectedList={};//thisistheobjecttostoretheselectedcheckboxvalues 最佳答案 下面的代码是一个简单的方法->检查这个plunker.此示例为您提供了一个非常简单的KISSpr

javascript - 在 Ionic 2 应用程序中显示 Youtube

我正在尝试在Ionic2应用程序中显示Youtube视频,其中的URL从JSON数据提要中提取。在详细信息页面的构造函数中设置Youtubeurl时可以显示单个视频,但我需要详细信息页面来显示JSON提要中每个视频的视频。以下是单个Youtube视频如何在detail.ts和detail.html中显示在Ionic2中:1import{SafeResourceUrl,DomSanitizer}from'@angular/platform-browser';2videoUrl:SafeResourceUrl;constructor(privatedomSanitizer:DomSanit

javascript - 创建一个 Ahead-of-Time (AOT) 编译库供 Angular 应用程序使用

我有一个Angular5库,我将它公开为一个包,供其他应用从它们的node_modules使用。目前,该应用程序使用rollup和gulp进行即时(JIT)编译,并作为包导出。因此,开发人员应用程序以其JIT编译形式使用我的包。对AOT的研究让我相信,任何使用AOT编译的Angular应用程序都比浏览器上的JIT对应程序具有更高的性能。但是,作为库开发人员,我想知道如果我公开AOT编译的库,应用开发人员是否会获得任何性能优势?我使用ng-bootstrap和许多其他开源库在我的模块中创建组件并在它们之上添加自定义样式或功能。我在模块中使用的所有库是否也需要采用AOT形式,或者我可以使用

javascript - Web 应用程序的推荐 JS kb 限制是多少?

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭5年前。Improvethisquestion只是想知道是否有更有经验的人可以建议一个Web应用程序中JS资源总量的建议限制。我想确保我的带宽没有重载。我目前在两个.js文件(未缩小)之间分布了大约350-400kb。这不包括来自GoogleCDN的jQuery和jQueryUI。谢谢!

javascript - 在 AngularJS View 中使用 jQuery 插件

我正在处理我的第一个AngularJS项目。到目前为止我很喜欢它,但我现在挂了电话。我的项目的结构使得我的index.html中有一个单独的ng-view,它根据当前路由填充了单独的HTML模板/部分。在其中一个部分中,我想使用jQueryDateFormatplugin使用Angular表达式格式化解析为模板/部分的SQLite日期时间字符串:{{find.addDate}}我在index.html中包含了带有脚本标签的插件,我认为从那里它会像在我的模板/部分中做这样的事情一样简单:{{$.format.date(find.addDate,"dd/MM/yyyy")}}或者也许:{{

javascript - 将 jQuery 事件应用于所有类元素?

我有以下代码,允许运行iOS的用户移动同类.drag在页面上左右。当存在一个.drag时,这很好用,但当它有两个实例时无法工作。是否可以让代码找到所有的,然后允许它们可拖动?vardrag=$(".drag")[0];xPos=drag.offsetWidth/2;yPos=drag.offsetHeight/2;drag.addEventListener("touchmove",function(){event.preventDefault();$(this).css({'left':event.targetTouches[0].pageX-xPos+'px','top':event